<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/style.css" />
  </head>

  <body>
    <header>
      <div class="header-nav">
        <a class="nofollow" href="//www.mi.com/">小米官网</a>
        <span class="sep">|</span>
        <a class="nofollow" href="//www.mi.com/shop">小米商城</a>
        <span class="sep">|</span>
        <a class="nofollow" href="//www.miui.com/" target="_blank">MIUI</a>
        <span class="sep">|</span>
        <a class="nofollow" href="//iot.mi.com" target="_blank">IoT</a>
        <span class="sep">|</span>
        <a class="nofollow" href="//i.mi.com/" target="_blank">云服务</a>
        <span class="sep">|</span>
        <a class="nofollow" href="//airstar.com/home" target="_blank"
          >天星数科</a
        >
        <span class="sep">|</span>
        <a class="nofollow" href="//youpin.mi.com/" target="_blank">有品</a>
        <span class="sep">|</span>
        <a class="nofollow" href="//xiaoai.mi.com/" target="_blank"
          >小爱开放平台</a
        >
        <span class="sep">|</span>
        <a class="nofollow" href="//qiye.mi.com/" target="_blank">企业团购</a>
        <span class="sep">|</span>
        <a
          class="nofollow"
          href="//www.mi.com/aptitude/list/?id=88"
          target="_blank"
          >资质证照</a
        >
        <span class="sep">|</span>
        <a class="nofollow" href="//www.mi.com/aptitude/list/" target="_blank"
          >协议规则</a
        >
        <span class="sep">|</span>
        <a class="nofollow" href="//www.mi.com/appdownload/" target="_blank">
          下载app</a
        >
        <span class="sep">|</span>
        <span class="nofollow"> 小米商城APP </span>
      </div>
      <div class="header-nav-right">
        <a
          class="nofollow"
          href="//order.mi.com/site/login?redirectUrl=https://www.mi.com/shop"
          >登录</a
        >
        <span class="sep">|</span>
        <a
          class="nofollow"
          href="//account.xiaomi.com/pass/register?sid=mi_eshop"
          >注册</a
        >
        <span class="sep">|</span>
        <a class="nofollow" href="//www.mi.com/shop/user/message">消息通知</a>
        <div class="language">
          <span>语言</span>
          <div class="language-select">
            <p>中文</p>
            <p>English</p>
          </div>
        </div>
      </div>
    </header>
    <div class="content">
      <div class="content-mid">
        <div class="content-nav">
          <p>手机</p>
          <div class="more">
            <span>查看更多</span
            ><img src="./img/微信图片_20220804230150.png" alt="" srcset="" />
          </div>
        </div>
        <div class="content-shopping">
          <div class="shopping-banner">
            <img src="./img/mi 12s U.png" alt="" srcset="" />
          </div>
          <div class="shopping-right">
            <div class="shopping-right-top">
              <div class="shopping-detail">
                <img src="./img/mi12S U.png" alt="" />
                <p class="tite">Xiaomi 12S Ultra</p>
                <p class="p">这是真徕卡&nbsp;|&nbsp;专业徕卡影像</p>
                <span class="money">5999元起</span>
              </div>
              <div class="shopping-detail">
                <img src="./img/mi12s pro.png" alt="" />
                <p class="tite">Xiaomi 12S Ultra</p>
                <p class="p">晓龙8+&nbsp;旗舰处理器&nbsp;|&nbsp;徕卡影像</p>
                <span class="money">4699元起</span>
              </div>
              <div class="shopping-detail">
                <img src="./img/m12s.png" alt="" />
                <p class="tite">Xiaomi 12S Ultra</p>
                <p class="p">小尺寸性能旗舰&nbsp;|&nbsp;徕卡影像</p>
                <span class="money">3999元起</span>
              </div>
              <div class="shopping-detail">
                <img src="./img/mi12 pro.png" alt="" />
                <p class="tite">Xiaomi 12S Ultra</p>
                <p class="p">全球首发天玑9000+&nbsp;|&nbsp;叶脉冷泵..</p>
                <span class="money">3999元起</span>
              </div>
            </div>
            <div class="shopping-right-bottom">
              <div class="shopping-detail">
                <img src="./img/Rmi 11t pro+.png" alt="" />
                <p class="tite">Xiaomi 12S Ultra</p>
                <p class="p">天机8100&nbsp;|&nbsp;真旗舰芯</p>
                <div>
                  <span class="money">1999元起</span
                  ><span class="del">2099元</span>
                </div>
              </div>
              <div class="shopping-detail">
                <img src="./img/Rmi 11t pro.png" alt="" />
                <p class="tite">Xiaomi 12S Ultra</p>
                <p class="p">天机8100&nbsp;|&nbsp;真旗舰芯</p>
                <div>
                  <span class="money">1699元起</span
                  ><span class="del">1799元</span>
                </div>
              </div>
              <div class="shopping-detail">
                <img src="./img/Rmin 11SE.png" alt="" />
                <p class="tite">Xiaomi 12S Ultra</p>
                <p class="p">双卡双5G&nbsp;|&nbsp;疾速登陆</p>
                <div>
                  <span class="money">999元起</span
                  ><span class="del">1099元</span>
                </div>
              </div>
              <div class="shopping-detail">
                <img src="./img/mi Civi 1s.png" alt="" />
                <p class="tite">Xiaomi 12S Ultra</p>
                <p class="p">原生美肌人像&nbsp;|&nbsp;奇迹阳光动人..</p>
                <span class="money">2299元起</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <footer>
      <div class="footer-mid">
        <div class="footer-nav">
          <div class="footer-nav-icon">
            <img src="./img/维修扳手.png" alt="" />
            <a href="">预约维修服务</a>
          </div>
          <div class="footer-nav-icon">
            <img src="./img/7天退换货.png" alt="" />
            <a href="">7天无理由退货</a>
          </div>
          <div class="footer-nav-icon">
            <img src="./img/15天无理由退货.png" alt="" />
            <a href="">15天免费换货</a>
          </div>
          <div class="footer-nav-icon">
            <img src="./img/礼物 活动.png" alt="" />
            <a href="">满69元包邮</a>
          </div>
          <div class="footer-nav-icon">
            <img src="./img/地图.png" alt="" />
            <a href="">1100余家售后网点</a>
          </div>
        </div>
        <div class="footer-service">
          <div class="footer-service-left">
            <div class="service">
              <p>选购指南</p>
              <ul>
                <li>手机</li>
                <li>电视</li>
                <li>笔记本</li>
                <li>平板</li>
                <li>穿戴</li>
                <li>耳机</li>
                <li>家电</li>
                <li>路由器</li>
                <li>音箱</li>
                <li>配件</li>
              </ul>
            </div>
            <div class="service">
              <p>服务中心</p>
              <ul>
                <li>申请售后</li>
                <li>售后政策</li>
                <li>维修服务价格</li>
                <li>订单查询</li>
                <li>以旧换新</li>
                <li>保障服务</li>
                <li>防伪查询</li>
                <li>F码通道</li>
              </ul>
            </div>
            <div class="service">
              <p>线下门店</p>
              <ul>
                <li>小米之家</li>
                <li>服务网点</li>
                <li>授权体验店/专区</li>
              </ul>
            </div>
            <div class="service">
              <p>关于小米</p>
              <ul>
                <li>了解小米</li>
                <li>加入小米</li>
                <li>投资者关系</li>
                <li>环境，社会及管治</li>
                <li>廉洁举报</li>
              </ul>
            </div>
            <div class="service">
              <p>关注我们</p>
              <ul>
                <li>新浪微博</li>
                <li>官方微信</li>
                <li>联系我们</li>
                <li>公益基金会</li>
              </ul>
            </div>
          </div>
          <div class="footer-service-right">
            <span>400-100-5678</span>
            <p>8:00-18:00（仅收市话费）</p>
            <button class="service-right-button">人工客服</button>
            <div class="top"></div>
          </div>
        </div>
      </div>
    </footer>
  </body>
</html>
